<template>
	<view class="privacyCom">
		<view class="content font14">
			感谢您使用本产品，您使用本产品前应当仔细阅读并同意<text class="col-link" @click="handleOpenPrivacyContract">《小程序隐私保护指引》</text>当您点击同意并开始使用产品服务时，即表示你已理解并同意该条款内容，该条款将对您产生法律约束力。如您拒绝，将无法更好的体验产品。
		</view>
		<view class="btnGroup flex top-20">
			<button class="btn cancelBtn" @click="handleCance('fail')">拒绝</button>
            <button class="btn confirmBtn" open-type="agreePrivacyAuthorization" @agreeprivacyauthorization="handleAgreePrivacyAuthorization">同意</button>
		</view>
	</view>
</template>

<script>
	export default {
        data() {
            return {
            }
        },
		methods: {
			//用户同意隐私协议事件回调
            handleAgreePrivacyAuthorization(e) {
				this.handleCance('success')
            },

			//打开隐私协议页面
            handleOpenPrivacyContract() {
                uni.openPrivacyContract({
                    success: (e) => {
                    }
                })
            },

			//关闭模态框,success授权成功 fail 授权失败
			handleCance(type) {
				this.$emit('close', type)
			}
		}
    }
</script>

<style scoped lang="scss">
.privacyCom{
	margin: 28rpx;
	.content{
		text-indent: 2em;
	}
	.btnGroup{
		margin: 40rpx 0;
		justify-content: space-between;
		.btn{
			width: 45%;
			font-size: 30rpx;
		}
		.cancelBtn{
			color: #333333;
		}
		.confirmBtn{
			color: #FFFFFF;
			background-color: #5F7DF3;
		}
	}
}
</style>
